<template>
	<div class="outerContainer">
		<transition name="slide-fade">
			<router-view></router-view>
		</transition>
		<!-- target屬性可省略，自動獲取當前父元素作爲target; 如果設置target會不生效 -->
		<el-backtop :visibility-height="200" :bottom="100">
			<div style="{height: 100%;width: 100%;background-color: #f2f5f6;box-shadow: 0 0 6px rgba(0,0,0, .12);text-align: center;line-height: 40px;color: #1989fa;}">UP</div>
		</el-backtop>
	</div>
</template>

<script>
import nav from './common/nav.vue'
export default {};
</script>

<style lang="scss">
html,
body {
	padding: 0;
	margin: 0;
}
.outerContainer {
	width: 100%;
	height: 100%;
}
</style>